@charset "utf-8";
@import "compass";
//全局方法
@import "./common/method";
//全局样式
@import "./common/reset";
@import "./common/layout";
@import "./common/fonts";
body {
    background-color: #f1e0ed;
}

.clearfix {
    zoom: 1;
    &:after {
        display: block;
        content: "";
        clear: both;
        overflow: hidden;
    }
}

.footer {
    font-size: .27rem; // 20px
    color: #808181;
    text-align: center;
    padding: .4rem 0; // 30px
    background-color: #000;
}

.wx {
    img {
        display: block;
    }
}

.video_window {
    background: rgba(0, 0, 0, .3);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    display: none;
    z-index: 999;
    .window_box {
        width: 100%;
        height: 6.67rem; // 500px
        position: relative;
        top: 50%;
        margin-top: -3.3rem;
        video {
            position: absolute;
            left: 50%;
            margin-left: -47%;
            width: 94%;
            height: 6.64rem; // 498px
            background: #000;
        }
        .close {
            width: .67rem; // 50px
            height: .67rem; // 80px
            color: #fff;
            font-size: 1.2rem; // 90px
            line-height: .67rem;
            text-align: center;
            display: block;
            position: absolute;
            top: -.93rem; // 70px
            right: .27rem; // 20px
        }
    }
}


* {
    -webkit-transform: all 1s;
    transform: all 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
    -webkit-transform: all .5s;
    transform: all .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}
